import { ProCard } from "@ant-design/pro-components";
import React from "react";

const DetailPage: React.FC = () => {
  return (
    <ProCard wrap gutter={[0, 50]}>
      <ProCard colSpan={24} wrap hoverable title="人员信息">
        <ProCard colSpan={6}>职位：前端</ProCard>
        <ProCard colSpan={6}>状态：已入职</ProCard>
        <ProCard colSpan={6}>邮箱账号：未分配</ProCard>
        <ProCard colSpan={6}>erp账号：已分配</ProCard>
      </ProCard>
      <ProCard colSpan={24} wrap hoverable title="家庭信息">
        <ProCard colSpan={6}>紧急联系人：dawei</ProCard>
        <ProCard colSpan={6}>联系电话：18701664166</ProCard>
        <ProCard colSpan={6}>微信：baidudw</ProCard>
        <ProCard colSpan={6}>家庭地址：山东省济南市xxx</ProCard>
        <ProCard colSpan={6}>备注：无</ProCard>
      </ProCard>
    </ProCard>
  );
};

export default DetailPage;
